<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <title>Hello World!</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <button id="myButton">测试按钮</button>
    <button id="myButton2">测试按钮2</button>
    <button id="myButton3">测试按钮3</button>
    <button id="myButton4">测试按钮4</button>
    <div>
      <button id="toggle-dark-mode">Toggle Dark Mode</button>
      <button id="reset-to-system">Reset to System Theme</button>
    </div>
    <h1>Hello World!</h1>
    We are using Node.js  HHHH <span id="node-version"></span>,
    Chromium HHHH <span id="chrome-version"></span>,
    and Electron HHHH <span id="electron-version"></span>.

    <div id="info"></div>

    <input type="text" id="title" />
    
    <button id="counter"></button>

    <div id="beforeData"></div>

    <button id="addUser">addUser</button>
    <button id="updateUser">updateUser</button>
    <button id="getUser">getUser</button>
    <button id="deleteUser">deleteUser</button>
    <button id="restore">restore</button>
    

    <script src="./indexedDb/index.js"></script>
    <script src="./renderer.js"></script>
  </body>
</html>